\documentclass[a4paper,12pt]{article}

\usepackage{fancyhdr}
\usepackage[utf8]{inputenc}
\usepackage{polski}
\usepackage[polish]{babel}
\usepackage{a4wide}
\usepackage{graphicx}

\pagestyle{fancy}

\renewcommand{\headheight}{16pt}

\newcommand{\HRule}{\rule{\linewidth}{0.1mm}}

\begin{document}

\begin{titlepage}
\begin{center}
	\textsc{Inżynieria oprogramowania - Grupa dra inż. Leszka Grocholskiego}\\
	\textsc{II UWr 2009/2010}\\[4cm]

	\HRule \\[2cm]

	Aleksandra Kloc, Adam Grycner, Mateusz Łyczek\\[1cm]

	\textsc{\Large Wasza-fota.pl}\\[0.3cm]
	\textsc{\large Projekt interfejsu użytkownika}\\[2cm]

	\HRule\\[2.5cm]
	
\begin{center}
\textbf{Historia zmian tego dokumentu}
\end{center}
\begin{table}[h]
	\begin{center}
	{\footnotesize
	\begin{tabular}{|l|c|p{2.8cm}|l|}
		\hline
		\textbf{Data} & \textbf{Wersja} & \textbf{Autor} & \textbf{Opis zmian}\\
		\hline
		2009/11/30 & 1.0 & Mateusz Łyczek & Utworzenie dokumentu, wstęp,\\
		& & & ekrany interfejsu użytkownika\\
		\hline
	\end{tabular}
	}
	\end{center}
	\caption{Historia zmian}
\end{table}
	
	
\end{center}
\end{titlepage}

\tableofcontents
\newpage

\section{Wstęp}
Interfejs użytkownika tworzony dla portalu wasza-fota.pl jest interfejsem webowym, czyli wyświetlanym w przeglądarce internetowej. Portal ma być
dostępny dla szerokiej grupy użytkowników, w związku z tym interfejs powinen:
\begin{itemize}
	\item być lekki - czyli nie zwierać zbyt dużo elementów graficznych, które zwiększają ilość danych do pobrania z serwera potrzebnych
		do wyświetlenia interfejsu i zwiększają czas oczekiwania na załadowanie strony,
	\item wyświetlać się poprawnie w każdej z dostępnych obecnie na rynku przeglądarek internetowych,
	\item w umiarkowany sposób korzystać ze skryptów \verb+JavaScript+.
\end{itemize}

\section{Ekrany interfejsu użytkownika}

\subsection{Logowanie użytkownika}
\begin{center}
	\includegraphics[width=0.9\textwidth]{screens/user_logowanie.png}
\end{center}


\subsection{Rejestracja użytkownika}
\begin{center}
	\includegraphics[width=0.9\textwidth]{screens/user_rejestracja.png}
\end{center}

\subsection{Zamówienie pakietu}
\begin{center}
	\includegraphics[width=\textwidth]{screens/fotoadmin_pakiety.png}
\end{center}

\subsection{Edycja cen usług}
\begin{center}
	\includegraphics[width=\textwidth]{screens/fotoadmin_cennik.png}
\end{center}

\subsection{Utworzenie galerii}
\begin{center}
	\includegraphics[width=0.5\textwidth]{screens/fotoadmin_nowa_galeria.png}
\end{center}

\subsection{Dodanie nowego zdjęcia do galerii}
\begin{center}
	\includegraphics[width=\textwidth]{screens/fotoadmin_galeria_nowe_zdjecie1.png}
\end{center}


\end{document}
